<template>
<page title="结算报表">
<el-tabs v-model="activeName" @tab-click="handleClick">
  <el-tab-pane label="住宿结算表" name="first">
    <acc-check></acc-check>
  </el-tab-pane>
  <el-tab-pane label="用餐结算表" name="second">
    <food-check></food-check>
  </el-tab-pane>
  <el-tab-pane label="教室结算表" name="third">
    <classroom-check></classroom-check>
  </el-tab-pane>
</el-tabs>
</page>
</template>

<script>
import Page from "@/components/Page";
import AccCheck from "@/components/AccCheck";
import FoodCheck from "@/components/FoodCheck";
import ClassroomCheck from "@/components/ClassroomCheck";

export default {
  name: "CheckReport",
  components:{ClassroomCheck, FoodCheck, AccCheck, Page},
  data(){
    return{
      activeName:'first',
    }
  },
  methods:{
    handleClick(tab, event){
      console.log(tab, event);
    }
  }
}
</script>

<style scoped>

</style>